<template>
    <div class="solution" @click="$refs.header.tabShow = false">
      <header-tab ref="header"/>
      <div class='page-solution' id='page-solution'>
        <div class='solution-categoryName' style='display: none;'>金融保险</div>
        <div class='page-solution-banner'>
          <p class='img'>
            <img :src='obj.headimage' alt=''/>
          </p>
          <div class='content container'>
            <a href='javaScript:;' class='j-tomakedemand' @click="isShowForm = true">发布需求</a>
          </div>
          <!--    咨询表单-->
          <bottom-form title="免费获取方案" content="金融保险解决方案"  v-if="isShowForm" @hideForm="isShowForm = false"/>
        </div>
        <div class='page-solution-navbar page-fixed-nav'>
          <ul>
            <li class='j-fixedNavItem'><a href='javascript:;'>业务场景</a></li>
            <li class='j-fixedNavItem'><a href='javascript:;'>业务挑战</a></li>
            <li class='j-fixedNavItem'><a href='javascript:;'>我们的优势</a></li>
            <li class='j-fixedNavItem'><a href='javascript:;'>方案说明</a></li>
          </ul>
        </div>
        <div class='page-solution-busness-scence j-section'>
          <h6 class='title section-title'>业务场景</h6>
          <div class='body container'>
            <ul class='clearfix'>


              <li v-for="(item,index) in obj.yewuimages" :key="index">
                <a href='javascript:;' style='cursor:default'>
                  <img :src='item'/>

                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class='page-solution-busness-challenge j-section'>
          <h6 class='title section-title'>业务挑战</h6>
          <div class='body container'>
            <ul class='clearfix'>


              <li v-for="(item,index) in tiaozhan" :key="index">
                <a href='javascript:;' style='cursor:default'>
                  <img :src='item.image'/>
                  <p class='name'>{{item.title}}</p>
                  <p class='desc'>{{item.text}}</p>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class='page-solution-advantage j-section'>
          <h6 class='title section-title'>我们的优势</h6>
          <div class='body container'>
            <ul class='clearfix'>
              <li v-for="(item,index) in adv" :key="index">
                <a href='javascript:;' style='cursor:default'>
                  <img :src='item.image'/>
                  <p class='name'>{{item.title}}</p>
                  <p class='desc'>{{item.text}}</p>
                </a>
              </li>
            </ul>
          </div>
        </div>
        <div class='page-solution-plan j-section'>
          <div class='body container'>
            <h6 class='title section-title'>方案说明</h6>
            <ul class='clearfix'>


              <li v-for="(item,index) in fasm" :key="index">
                <a href='javascript:;' style='cursor:default'>
                  <p class='name'>{{item.title}}</p>
                  <p class='desc'>{{item.text}}</p>
                </a>
              </li>
            </ul>
          </div>
        </div>
  
      </div>
      <div class='fix-right'>
        <div class='consult-prompt'>
          <a href='javascript:;' class='consult-btn'></a>
          <i class='transparent'></i>
          <div class='consult-list'>
            <b></b>
            <ul>
              <li>
                <h4><span class='consult-phone'>咨询电话</span></h4>
                <p>15038053861</p>
              </li>
              <li>
                <h4>
                  <span class='consult-product'>产品咨询</span>
                <a href='javaScript:;'  @click="isShowForm = true" class='j-tomakedemand'>立即咨询</a></h4>
                <p class='bor-no'>提交需求，我们会在24小时内联系您</p>
              </li>
            </ul>
          </div>
        </div>
        <a href='javascript:;' class='go-top'></a>
      </div>
      <footer-tab />
    </div>
</template>

<script>
  import HeaderTab from '@/components/headerTab'
  import FooterTab from '@/components/FooterTab'
  import BottomForm from '@/components/bottomForm'
  export default {
    components:{
      HeaderTab,FooterTab,BottomForm
    },
    data(){
      return{
        isShowForm:false,
        id:0,
        obj:{},
        tiaozhan:[],//挑战
        adv:[],//优势
        fasm:[],//方案说明
        url:this.$url
      }
    },
    mounted(){
      this.id = this.$route.query.id;
      this.getData()
    },
    methods:{
      getData(){
        this.$http.post('index/getfanan',{
          id:this.id
        }).then(res=>{
          console.log(res)
          let obj = res.ywcq;
          console.log(obj.yewuimages)
          obj.yewuimages = obj.yewuimages.split(',');
          this.obj = obj;
          this.tiaozhan = res.ywtz;
          this.adv = res.wmdys;
          this.fasm = res.fasm;
        })
      }
    }

  }
</script>

<style scoped>

</style>
